<template>

  <div class="home-container">
    <div class="b-title">数据一览</div>
    <div class="box-container">

      <div class="h-box">
        <div class="h-header">用户</div>
        <div class="h-contents">
          <div class="h-content">
            <div class="title">总用户数</div>
            <div class="num">5</div>
          </div>
          <div class="h-content" style="margin-left: 18px">
            <div class="title">今日登录</div>
            <div class="num">1</div>
          </div>
        </div>

      </div>
      <div class="h-box" style="margin-left: 40px">
        <div class="h-header">帖子</div>
        <div class="h-contents">
          <div class="h-content">
            <div class="title">总帖子数</div>
            <div class="num">5</div>
          </div>

          <div class="h-content" style="margin-left: 18px">
            <div class="title">今日发布</div>
            <div class="num">1</div>
          </div>
        </div>
      </div>

      <div class="h-box" style="margin-left: 40px">
        <div class="h-header">文库</div>
        <div class="h-contents">
          <div class="h-content">
            <div class="title">总文库数</div>
            <div class="num">5</div>
          </div>

          <div class="h-content" style="margin-left: 18px">
            <div class="title">待审核数</div>
            <div class="num">1</div>
          </div>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
    export default {
        name:"Home",
        data(){
            return {

            }
        },
        mounted(){
            this.init();
        },
        methods:{
            init(){

            },
        }
    }
</script>

<style lang="scss">
  @import './../assets/scss/home.scss';
</style>